Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: v9 Option hover and pressed tokens #28592

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

smhigley
Copy link
Contributor

Adds explicit tokens for react-combobox Option hover & pressed states. This does not change the Web light/dark theme, but does affect Teams high contrast, and potentially other themes that use separate hover/pressed foreground tokens.

Fixes #28225

@smhigley smhigley requested a review from a team as a code owner July 20, 2023 02:04
@smhigley smhigley self-assigned this Jul 20, 2023
@github-actions github-actions bot added this to the July Project Cycle Q3 2023 milestone Jul 20, 2023
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 588 616 5000
Button mount 287 297 5000
Field mount 1078 1055 5000
FluentProvider mount 648 645 5000
FluentProviderWithTheme mount 77 85 10
FluentProviderWithTheme virtual-rerender 67 64 10
FluentProviderWithTheme virtual-rerender-with-unmount 72 75 10
InfoButton mount 13 12 5000
MakeStyles mount 847 855 50000
Persona mount 1649 1565 5000
SpinButton mount 1304 1340 5000

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 06c689c:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-combobox
Combobox (including child components)
87.173 kB
28.125 kB
87.335 kB
28.166 kB
162 B
41 B
react-combobox
Dropdown (including child components)
85.576 kB
27.723 kB
85.738 kB
27.766 kB
162 B
43 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
65.175 kB
17.915 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
210.68 kB
58.781 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
🤖 This report was generated against 14804fe31e9f34d3f21998dcb386fdddd23f9839

@@ -0,0 +1,7 @@
{
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵 fluentuiv9 Open the Visual Regressions report to inspect the affected screenshots

Combobox Converged 2 screenshots
Image Name Diff(in Pixels) Image Type
Combobox Converged.Disabled option.active option.chromium.png 53 Changed
Combobox Converged.Disabled option.hover.chromium.png 53 Changed

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems like you need to ensure that these colors are properly overriden when an Option is disabled.

@size-auditor
Copy link

size-auditor bot commented Jul 20, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 14804fe31e9f34d3f21998dcb386fdddd23f9839 (build)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: v9 Dropodown - insufficient contrast in hover state - Teams HC theme
3 participants